<template>
	<view>
			<view class="top" >
        欢迎登录李沧三员培训&#12288&#12288
         <uni-icons type="arrowthinright" size="25" color="#ffffff"></uni-icons>
        </view>
 <view class="login-form">
 				<view class="login-form-items">
 					<view class="login-form-items-title">手机号</view>
 					<input type="text" class="login-input" placeholder="请输入手机号" />
 				</view>
 
 				<view class="login-form-items">
 					<view class="login-form-items-title">登录密码</view>
 					<input type="password" class="login-input" placeholder="请输入登录密码" />
 				</view>
 
 				<view class="login-form-items">
 					<view class="login-form-items-title">验证码</view>
 					<input type="text" class="login-input" placeholder="请输入验证码" />
 					<view class="captcha-wrapper">
 						<!-- <img src="../../static/captcha.jpg"></img> -->
 					</view>
 				</view>
        
       <!-- <div class="submit-wrapper">
        			<button type="primary" class="login-btn">登录</button>
        		</div> -->
            <navigator url="/pages/home/home" class="submit-wrapper" open-type='switchTab'>
              <button type="warn" class="login-btn">登录</button>
            </navigator>
  </view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
   @import "../../static/iconfont/iconfont.css";
.top {
		
		background-repeat: no-repeat;
		background-image: url("/static/bannerBg.png"),linear-gradient(90deg, #ed9db2, #ed9db2);
		background-size: 100% 110rpx, 100% 100%;
		background-position: bottom center, center center;
    padding-top: 16%;
		padding-left: 40rpx;
		height: 450rpx;
		
		font-size: 55rpx;
		color: #fff;
		text-shadow: 4rpx 4rpx 4rpx #ed9db2;
	}
  
  .login-form {
  				margin: 20px 10px 20px 15px;
  				background: #FFFFFF;
  
  				.login-form-items {
  					padding: 15px 10px;
  					border-bottom: 1px solid #F3F4F5;
  					position: relative;
  					display: -webkit-flex;
  					display: flex;
  
  					.login-form-items-title {
  						width: 30%;
  						line-height: 22px;
  						height: 22px;
  						flex-shrink: 0;
  					}
  
  					.login-input {
  						width: 100%
  					}
  
  					img {
  						width: auto;
  						height: auto;
  						max-width: 100%;
  						max-height: 100%;
  					}
  				}
  			}
        .login-btn {
          background-color:  #ed9db2;
        }
        .submit-wrapper {
        			padding: 10px;
        			padding-top: 10px;
        		}
</style>
